<!-- 引入公共部分 -->
{{extend '../common/layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->    
    <link rel="stylesheet" href="/static/admin/css/bootstrap.min.css">

    <link rel="stylesheet" href="/static/admin/css/upload.css">
{{/block}}


{{block 'main'}}
<!-- body代码 -->
<!-- 头部代码 -->
    {{include '../common/header.html'}}
<div class=" layui-row" id="content">
    <!-- 侧边栏 -->
    {{include '../common/aside.html'}}
    <!-- 主题区域 -->
    <div class="layui-col-md10" id="right">
        <div id="nav">
            <!-- <a href="index">面试管理</a> -->
            <span ><b>上传简历</b></span>
        </div>
        <div id="content">
            <div id="contentTop">
                <div id="search" style="position: relative;">
                    <input type="input" autocomplete="off" id="searchInput" placeholder="请输入学号或名字"/>    
                    <button id="searchBtn">查找</button>
                    <table class="table mySearchTable">
                        <tbody id="tbody">

                        </tbody>
                    </table>
                </div>
                <div id="openCode">
                    <span class="button-wrap">
                        <a id="code" class="buttonclip" href="javascript:;" style="text-decoration: none !important;padding: 10px 0px;">手机扫描二维码</a>
                    </span>
                    
                </div>
                <div id="upload">
                    <p style="display: inline;">上传简历</p>
                    <span class="button-wrap" >
                        <a class="buttonclip" href="javascript:;">正面</a>
                        <input type="file" id="firstImgInput" accept="image/*" capture="camera"/>
                    </span>
                    <span class="button-wrap">
                        <a class="buttonclip" href="javascript:;">背面</a>
                        <input type="file" id="secondImgInput" accept="image/*" capture="camera"/>
                    </span>
                </div>
            </div>
            <table id="table">
                <tr class="tr" style="background-color:#FAFAFA">
                    <td class="firstTd">姓名</td>
                    <td class="twiceTd"></td>
                </tr>
                <tr class="tr">
                    <td class="firstTd">学号</td>
                    <td class="twiceTd"></td>
                </tr>
                <tr class="tr" style="background-color:#FAFAFA">
                    <td class="firstTd">简历正面</td>
                    <td class="twiceTd"><img id="thisImg" style="max-width: 15%;cursor: pointer;" alt="无图片" title="查看大图"/></td>
                </tr>
                <tr class="tr"> 
                    <td class="firstTd">简历反面</td>
                    <td class="twiceTd"><img id="elseImg" style="max-width: 15%;cursor: pointer;" alt="无图片" title="查看大图"/></td>
                </tr>
            </table>
            
            
        </div>
    </div>
</div>
<div id="openImg">
    <div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;">
        <img id="openThis" style="position: relative;left: 50%;transform: translateX(-50%);width: 50%;"/>
        <span class="button-wrap" style="position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin-top: 5%;">
            <a id="closeImg" href="javascript:;" style="text-decoration: none !important;display: block;">关闭</a>
        </span>
    </div>
</div>
<div id="codeImg">
    <div style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;text-align: center;">
        <img src="/static/admin/img/bcg.jpg"/>
        <span class="button-wrap" style="position: absolute;top: 100%;left: 50%;transform: translateX(-50%);margin-top: 5%;">
            <a id="closeCode" href="javascript:;" style="text-decoration: none !important;display: block;">关闭二维码</a>
        </span>
    </div>
    
</div>




{{/block}}
    
    



{{block 'script'}}
<!-- 添加js代码 -->
    <script src="/static/admin/js/upload.js"></script>
{{/block }}